import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
// import path from 'path'
const path = require("path");
// 配置按需引入
// import styleImport from 'vite-plugin-style-import'
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";

const resolve = (dir: string) => path.join(__dirname, dir);
// 如果报错 找不到模块 'path' 或其相对应的类型声明 找不到名称'__dirname'
// 需要安装node,执行yarn add @types/node -D | npm i @types/node -D
// import path from 'path'
// 此时可能会遇到模块 ""path"" 只能在使用 "allowSyntheticDefaultImports" 标志时进行默认导入的报错
// 在tsconfig.node.json添加compilerOptions对象属性添加"allowSyntheticDefaultImports": true即可

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()]
    }),
    Components({
      resolvers: [ElementPlusResolver()]
    })
    // styleImport({
    //   libs: [{
    //     libraryName: 'vant',
    //     esModule: true,
    //     resolveStyle: (name) => {
    //       return `vant/es/${name}/style/index`
    //     }
    //   }]
    // })
  ],
  base: "/", // 打包路径
  resolve: {
    // 解析
    alias: {
      // 重命名路劲设置别名
      "@": resolve("./src"),
      "@c": resolve("./src/components"),
      "@v": resolve("./src/views"),
      "@s": resolve("./src/styles"),
      "@u": resolve("./src/utils")
    }
  },
  css: {
    preprocessorOptions: {
      scss: {
        javascriptEnabled: true,
        // 应用公共样式，使用vite安装的项目只安装sass即可，不需要安装sass-loader，node-sass
        additionalData:
          '@import "./src/assets/css/global.scss";@import "./src/assets/css/mixin.scss";'
      }
    }
  },
  build: {
    sourcemap: true,
    outDir: "./dist", //指定输出路径
    assetsDir: "static/img/", // 指定生成静态资源的存放路径
    chunkSizeWarningLimit: 1000, // chunks 大小限制
    // vite 打包将 js 和 css 文件夹分离
    rollupOptions: {
      output: {
        chunkFileNames: 'js/[name]-[hash].js', // 分类输出
        entryFileNames: 'js/[name]-[hash].js',
        // assetFileNames: '[ext]/[name]-[hash].[ext]',
        manualChunks(id) {
          if (id.includes('node_modules')) { // 超大静态资源拆分
            return id.toString().split('node_modules/')[1].split('/')[0].toString()
          }
        }
      }
    },
    // vite 在 build 的时候默认会进行压缩计算，但 vite 实际上不提供 gzip 压缩功能，所以不需要让他花时间算压缩后大小，关掉这个设置可以提升打包速度。
    brotliSize: false, // 默认为 true
    target: "esnext",
    minify: "terser", // 混淆器，terser构建后文件体积更小
    // 生产环境移除console
    terserOptions: {
      compress: {
        drop_console: true,
        drop_debugger: true
      }
    }
  },
  server: {
    port: 3000, // 端口号(默认3000)
    open: false, // 是否自动打开浏览器
    https: false, // 是否开启 https
    host: "0.0.0.0", // 主机名字  0.0.0.0   localhost
    proxy: {
      // 代理
      // '/api': 'http://www.zhujianbo.cn/api',
      "/api": {
        target: "http://api.cctvch.cn/api.php",
        // target: "http://demo2.wei.com/api.php",
        changeOrigin: true,
        ws: false,
        rewrite: path => path.replace(/^\/api/, "")
      },
      "/upload": {
        target: "http://test-api1.jafainfo.com/api",
        changeOrigin: true,
        ws: false,
        rewrite: path => path.replace(/^\/api/, "")
      }
    },
    cors: true
  },
  // 引入第三方配置
  optimizeDeps: {
    include: ["axios"]
  }
});
